<template>
  <div >
    <!-- 下去之后 单独写一个组件  gif动画 纯CSS动画   -->
    <!-- <FilmListComing> </FilmListComing> -->


      <FilmList :list='filmlistcoming'></FilmList>

  </div>
</template>

<script>
 import FilmList from "@/components/FilmList";
import { comingsoonlistdata } from "@/api/api";
export default {
 
  props:[],
  components: {
   FilmList
  },
  data() {
    return {
       page:1,
       filmlistcoming:''
    };
  },
  
  methods: {},
 
  computed: {},
 
  watch: {},
 
  filters: {},
 
  beforeCreate() {},
 
  created() {
    console.log('comingsoon  created ')
    comingsoonlistdata(this.page).then((res)=>{
      console.log('res',res)
      this.filmlistcoming = res.data.data.films
    })
  },
 
  beforeMount() {},
 
  mounted() {},
 
  beforeUpdate() {},
 
  updated() {},
 
  beforeDestroy() {},
 
  destroyed() {},
}
</script>


<style  lang='scss'>

</style>
